<!DOCTYPE html>
<html>

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>商品管理</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="../plugins/bootstrap/js/bootstrap.min.js"></script>

</head>

<body class="hold-transition skin-red sidebar-mini" >
<!-- .box-body -->

<div class="box-header with-border">
    <h3 class="box-title">商品管理</h3>
</div>

<div class="box-body">

    <!-- 数据表格 -->
    <div class="table-box">

        <!--工具栏-->
        <div class="pull-left">
            <div class="form-group form-inline">
                <div class="btn-group">
                    <button type="button" class="btn btn-default" title="新建" ><i class="fa fa-file-o"></i> 新建</button>
                    <button type="button" class="btn btn-default" title="删除" onclick='deleteBatch()' ><i class="fa fa-trash-o"></i> 删除</button>
                    <button type="button" class="btn btn-default" title="提交审核" onclick="updateBatch()" ><i class="fa fa-check"></i> 提交审核</button>
                    <button type="button" class="btn btn-default" title="屏蔽" onclick='deleteBatch()'><i class="fa fa-ban"></i> 屏蔽</button>
                    <button  type="button" class="btn btn-default" title="刷新" onclick="window.location.reload();"><i class="fa fa-refresh"></i> 刷新</button>
                </div>
            </div>
        </div>
        <form id="goodForm">
            <div class="box-tools pull-right">
                <div class="has-feedback">
                    状态：<select  name="auditStatus">
                    <option value="">全部</option>
                    <option value="0">未申请</option>
                    <option value="1">已通过</option>
                    <option value="2">未通过</option>
                    <option value="3">待审核</option>
                </select>
                    商品名称：<input name="goodsName" >
                    <input type="button" onclick="getGoodList()" class="btn btn-default" value="查询" />
                </div>
            </div></form>
        <!--工具栏/-->

        <!--数据列表-->
        <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
            <thead>
            <tr>
                <th class="" style="padding-right:0px">
                    <input id="selall" type="checkbox" class="icheckbox_square-blue">
                </th>
                <th class="sorting_asc">商品ID</th>
                <th class="sorting">商品名称</th>
                <th class="sorting">商品价格</th>
                <th class="sorting">一级分类</th>
                <th class="sorting">二级分类</th>
                <th class="sorting">三级分类</th>
                <th class="sorting">状态</th>
                <th class="text-center">操作</th>
            </tr>
            </thead>
            <tbody id="goodContent">

            </tbody>
        </table>
        <!--数据列表/-->


    </div>
    <!-- 数据表格 /-->


</div>
<!-- /.box-body -->

</body>

<script>

    $(function (){
        getGoodList()
    })

    function getGoodList(){
        $.ajax({
            url:"/good/getGoodsInfo",
            data:$("#goodForm").serialize(),
            type:"post",
            dataType:"json",
            async:false,
            success:function (result){
                var list = result.result
                console.log(list)
                var dd = ''
                for (i in list){

                    var str = ''
                    var status = list[i].auditStatus
                    if(status == 0){
                        str = "未申请"
                    }else if(status == 1){
                        str = "已通过"
                    }else if(status == 2){
                        str = "未通过"
                    }else if(status == 3){
                        str = "待审核"
                    }

                    dd += "<tr>\n" +
                        "<td><input name='good' value='" + list[i].id + "'  type=\"checkbox\"></td>" +
                        "<td>" + list[i].id + "</td>\n" +
                        "<td>" + list[i].goodsName + "</td>\n" +
                        "<td>" + list[i].price + "</td>\n" +
                        "<td>" + list[i].category1Id + "</td>\n" +
                        "<td>" + list[i].category2Id + "</td>\n" +
                        "<td>" + list[i].category3Id + "</td>\n" +
                        "<td>" + str + "</td>" +
                        "<td class=\"text-center\"> " +
                        "<button onclick='update(" + list[i].id + ")' type=\"button\" class=\"btn bg-olive btn-xs\">修改</button>" +
                        "</td>\n" +
                        "</tr>"
                }
                $("#goodContent").html(dd)
            },
            error:function (){
                alert("系统错误")
            }
        })
    }

    //提交申请
    function updateBatch(){
        var allBrand = document.getElementsByName("good")
        var checked = []
        for(i in allBrand){
            if(allBrand[i].checked){
                checked.push(allBrand[i].value)
            }
        }
        alert(checked)
        if(checked.length <= 0){
            alert("请选择品牌!");
            return
        }

        console.log(checked)

        $.ajax({
            url:"/good/updateBatch",
            traditional: true,
            data:{"ids" : checked},
            dataType:"json",
            type:"get",
            async:false,
            success:function (result){
                var msg = result.message
                window.location.reload()
                alert(msg)
            },
            error:function (){
                alert("系统错误!")
            }
        })
    }

    //删除
    function deleteBatch(){
        var allBrand = document.getElementsByName("good")
        var checked = []
        for(i in allBrand){
            if(allBrand[i].checked){
                checked.push(allBrand[i].value)
            }
        }

        if(checked.length <= 0){
            alert("请选择品牌!");
            return
        }

        console.log(checked)

        $.ajax({
            url:"/good/deleteBatch",
            traditional: true,
            data:{"ids" : checked},
            dataType:"json",
            type:"get",
            async:false,
            success:function (result){
                var msg = result.message
                window.location.reload()
                alert(msg)
            },
            error:function (){
                alert("系统错误!")
            }
        })
    }

</script>

</html>